フォント

チャート上のすべてのフォントを変更できる特別なグローバル設定が 4 つあります。これらのオプションはChart.defaults.global。グローバル フォント設定は、より具体的なオプションが構成に含まれていない場合にのみ適用されます。

たとえば、このグラフでは、凡例のラベルを除いてテキストがすべて赤になります。

Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legend: {
            labels: {
                // This more specific font property overrides the global property
                fontColor: 'black'
            }
        }
    }
});
名前 タイプ デフォルト 説明
defaultFontColor Color '#666' すべてのテキストのデフォルトのフォント色。
defaultFontFamily string "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" すべてのテキストのデフォルトのフォント ファミリー。
defaultFontSize number 12 テキストのデフォルトのフォント サイズ (ピクセル単位)。 RadialLinear スケール ポイント ラベルには適用されません。
defaultFontStyle string 'normal' デフォルトのフォントスタイル。ツールチップのタイトルまたはフッターには適用されません。グラフのタイトルには適用されません。

フォントが見つからない

システム上に存在するグラフにフォントが指定されている場合、ブラウザはフォントの設定時にそのフォントを適用しません。グラフに奇妙なフォントが表示されていることに気付いた場合は、適用しているフォントがシステムに存在するかどうかを確認してください。見る問題 3318詳細については。

「」と一致する結果

    「」に一致する結果はありません